<ui:composition template="template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:icecore="http://www.icefaces.org/icefaces/core"
                xmlns:ace="http://www.icefaces.org/icefaces/components"
                xmlns:ice="http://www.icesoft.com/icefaces/component"
                xmlns:f="http://java.sun.com/jsf/core">
    <ui:define name="body_content">
        <img src="img/appbar.base.arrow.png" alt="ir atras" class="nav-back" onclick="history.go(-1)" />
        <h3 class="header-bg" style="text-align: center">Sistema de Información Vehicular | Consulta de ingreso de vehículos</h3>  
        <h:form id="textEntryFormUSER"  >
            
            <ace:tabSet styleClass="panel-principal">
                <ace:tabPane>
                    <icecore:singleSubmit />
                    <f:facet name="label">Consulta de entrada y salida de vehículos</f:facet>
                        
                    <h:graphicImage value="img/new_icons/seach2.png" class="ico-head" />
                    <!--<ace:panel id="personalInfoInputPanel" styleClass="contenedorDatos"> -->
                    <span Class="titulo_panel">Seleccione un criterio para buscar</span>
                    <h:form>
                        <h:panelGrid id="inputGrid" columns="2" width="100%" columnClasses="columnas,columnas" styleClass="panel_border">
                                
                                
                                
                                
                                
                            <h:panelGrid columns="2" styleClass="centeredPanelGrid">
                                <label for="Parqueo" >Desde :  </label>
                                <ice:selectInputDate id="popupCalendar"
                                                     value="#{vehiculoCosulta.desde}"
                                                     renderAsPopup="#{vehiculoCosulta.renderAsPopup}"
                                                     renderMonthAsDropdown="#{vehiculoCosulta.renderMonthAsDropdown}"
                                                     renderYearAsDropdown="#{vehiculoCosulta.renderYearAsDropdown}">
                                    <f:convertDateTime pattern="#{vehiculoCosulta.pattern}"/>
                                </ice:selectInputDate>
                            </h:panelGrid>
                                    
                                    
                            <h:panelGrid columns="2" >
                                <label for="Parqueo" >Hasta :</label>
                                <ice:selectInputDate id="popupCalendar2"
                                                     value="#{vehiculoCosulta.hasta}"
                                                     renderAsPopup="#{vehiculoCosulta.renderAsPopup}"
                                                     renderMonthAsDropdown="#{vehiculoCosulta.renderMonthAsDropdown}"
                                                     renderYearAsDropdown="#{vehiculoCosulta.renderYearAsDropdown}">
                                    <f:convertDateTime pattern="#{vehiculoCosulta.pattern}"/>
                                </ice:selectInputDate>
                            </h:panelGrid>        
                                    
                            <ice:selectOneMenu id="Parqueo">
                                    
                                <label for="Parqueo" >Parqueo : </label>
                                <f:selectItem id="item10" itemLabel="Seleccione" itemValue="" />
                                <f:selectItem id="item12" itemLabel="Biología" itemValue="Biología" />
                                <f:selectItem id="item13" itemLabel="Ciencias Sociales" itemValue="Ciencias Sociales" />
                                <f:selectItem id="item14" itemLabel="Filosofía y Letras" itemValue="Filosofía y Letras" />
                                <f:selectItem id="item15" itemLabel="Uriche" itemValue="Uriche" />
                            </ice:selectOneMenu>
                                    
                            <input type="button" id="enviar" Class="botonEnviarConsulta" value="Enviar" href="#"/>
                        </h:panelGrid> 
                    </h:form>
                    <!--</ace:panel>    -->
                </ace:tabPane>
                <ace:tabPane>
                    <f:facet name="label">Resultados de la busqueda</f:facet>
                    <ace:panel id="PanelResultados" styleClass="contenedorDatos">

                        <h:graphicImage value="img/new_icons/results1.png" class="ico-head" />
                        <span Class="titulo_panel">Resultados obtenidos</span>
                             
                        <ice:dataTable
                            value="#{tableBean.carInventory}"
                            var="item"
                            width="100%">
                                
                            <!-- Stock number -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Placa #"/>
                                </f:facet>
                                <ice:outputText  style="text-align: center;" value="#{item.placa}"/>
                            </ice:column>
                                
                            <!-- Model number -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Hora entrada"/>
                                </f:facet>
                                <ice:outputText style="text-align: center;" value="#{item.hora_Entrada}"/>
                            </ice:column>
                                
                            <!-- Description  -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Hora salida"/>
                                </f:facet>
                                <ice:outputText style="text-align: center;" value="#{item.hora_Salida}"/>
                            </ice:column>
                                
                            <!-- Odometer reading -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Parqueo"/>
                                </f:facet>
                                <ice:outputText style="text-align: center;" value="#{item.parqueo}"/>
                            </ice:column>
                                
                        </ice:dataTable>
                    </ace:panel> 
                </ace:tabPane>
            </ace:tabSet>  
        </h:form>
      
        
        
            </ui:define>
</ui:composition>
